<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>目标伪类</title>
</head>
<style>
    div {
        background-color: gray;
        height: 300px;
    }

    /*
    目标伪类:定义点击a标签锚点所指向的元素
    */
    div:target {
        background-color: green;
    }
</style>

<body>
<a href="#one">去看看第一个</a>
<a href="#two">去看看第二个</a>
<a href="#three">去看看第三个</a>
<a href="#four">去看看第四个</a>
<a href="#five">去看看第五个</a>
<div id="one">第一个</div>
<br>
<div id="two">第二个</div>
<br>
<div id="three">第三个</div>
<br>
<div id="four">第四个</div>
<br>
<div id="five">第五个</div>
</body>
</html>